<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title> JVM监控 GC监控信息 </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <link rel="stylesheet" href="css/monitor.css" media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<blockquote class="layui-elem-quote layui-text font16">
    Java堆栈工具 <span class="font12">(Java Virtual Machine Statistics Monitoring Tool)</span>
</blockquote>
<div class="layui-fluid" id="renderContent">
    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li class="layui-this">整堆活跃对象的统计</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <blockquote class="layui-elem-quote" id="showLiveContent">

                </blockquote>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery-3.4.0.min.js" charset="utf-8"></script>
<script src="js/monitor.js" charset="utf-8"></script>
<script src="layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script type="text/javascript" >
    $(function(){
        var url = "v1/api/dump/live.json";
        _ajax(url,function (data) {
            if(data){
                var html = ""
                for(var i=0,len= data.length;i<len;i++){
                    html = html + (data[i] + "<br/>");
                }
                $("#showLiveContent").html(html);
            }
            else{
                $("#showLiveContent").html("");
            }
        })
    });

</script>
</body>
</html>